<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的像素</title>
    <style>
      /* cm可以用来表示高度和宽度的大小 */
      .d1 {
        background-color: green;
        width: 1cm;
        height: 1cm;
      }
      /* mm也可以用来做宽度和高度的大小 */
      .d2 {
        background-color: red;
        width: 1mm;
        height: 1mm;
      }
      /* 跨度太大不好控制 改为像素 */
    </style>
</head>
<body>
    <div class="d1"></div>
    <br>
    <div class="d2"></div>
</body>
</html>